<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/templates/template.xhtml">
	<ui:define name="pageTitle">Produtos</ui:define>
	<ui:define name="pageHeader">Registro de Produtos</ui:define>
	<ui:define name="body">
		<h:form>
			<h:panelGrid columns="2">
				<h:outputLabel value="Nome:" />
				<h:inputText id="nomeProduto"
					value="#{produtoBean.produtoSelecionado.nome}" required="true" />

				<h:outputLabel value="Valor:" />
				<h:inputText id="valorProduto"
					value="#{produtoBean.produtoSelecionado.valor}" required="true" />

				<h:outputLabel value="Marca:" />
				<h:selectOneMenu value="#{produtoBean.marcaSelecionada}">
					<f:selectItem itemLabel="Selecione uma marca:" />
					<f:selectItems value="#{produtoBean.marcasSelect}" />
					<f:ajax event="change" />
				</h:selectOneMenu>
				<h:outputLabel value="Tamanho:" />
				<h:inputText id="tamanhoProduto"
					value="#{produtoBean.produtoSelecionado.tamanho}" required="true" />
			</h:panelGrid>

			<h:commandButton value="Salvar" action="#{produtoBean.salvarProduto}">
				<f:ajax onevent="click" render="idProdutoSelecionado" />
			</h:commandButton>

			<h:outputLabel value="Código do Produto: " />
			<h:outputText id="idProdutoSelecionado"
				value="#{produtoBean.produtoSelecionado.id}" />


		</h:form>
	</ui:define>
</ui:composition>

</html>